<html lang="pt-br">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="cadastro">
        <meta name="author" content="Alex">
        <link rel="icon" href="img/favicon.ico">

        <title>Cadastrar Pedido</title>

        <!-- Bootstrap core CSS -->

        <link href="css/bootstrap.min.css" rel="stylesheet">

        <!-- Custom styles for this template -->
        <link href="css/rrfrutas.css" rel="stylesheet">



        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>

    <body>

        <div class="container">
            <div class="row clearfix" >

                <div class="col-md-4 column" style="     border-radius:4px;box-shadow: 3px 3px 12px gray;">




                    <h4>Produto</h4>

                    <div id="msg_produto" class="esconder"></div>

                    <input type="text" class="texto" id="texto_produto" />
                    <a href="#" class="btn btn-primary" id="produto" ><span class="glyphicon glyphicon-search"></span></a>


                    <div class="esconder" id="procurar_produto">
                        <table class="table-hover table-bordered  ">
                            <thead id="tabela_produto_head" class="tabela"></thead>

                            <tbody id="tabela_produto" class="tabela"  style="text-align: center;">
                        </table>
                    </div>


                    <h4>Valor</h4>
                    <input type="text" id="valor" size="10" maxlength="10" placeholder="R$" >



                    <h4>Quantidade</h4>
                    <input type="text"  id="quantidade" size="10" maxlength="10" placeholder="" >



                    <br><br>

                    <a href="#" id="adcionar" class="btn btn-primary">Adicionar</a>
                    
                   

                    <br><br>
                </div>
                <div class="col-md-1 column"></div>

                <div class="col-md-7 column" style="    border-radius:4px;box-shadow: 3px 3px 12px gray;">
                    <div id="msg_itemPedido"></div>
                    <h4>Fornecedor</h4>
                    <input type="text" class="texto" id="texto_fornecedor"/>
                    <a href="#" class="btn btn-primary" id="fornecedor" ><span class="glyphicon glyphicon-search"></span></a>
                    <div class="esconder" id="procurar_fornecedor">
                        <table class="table-hover table-bordered  ">
                            <thead id="tabela_fornecedor_head"></thead>

                            <tbody id="tabela_fornecedor" style="text-align: center;">
                        </table>

                    </div>
                    <br><br>
                    <div id="pedido" class="esconder">
                        <table class="table-hover table-bordered  ">
                            <thead id="tabela_pedido_head"></thead>

                            <tbody id="tabela_pedido" style="text-align: center;">
                        </table>


                    </div><br><br>
                    <a href="#" id="gravarPedido" class="btn btn-primary">Gravar</a>
                    <br><br>
                </div>


            </div>



        </div>






        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script src="js/cadastrar_pedido.js"></script>


    </body>
</html>